import styled from 'styled-components'

export const NavBarWrapper = styled.div`
  height: 34px;
  color: #fff;
  font-size: 12px;
  background-color: #c20c0c;
  .center_wrap {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    .discover_menu {
      width: 744px;
      display: flex;
      justify-content: flex-end;
      .discover_item {
        /* width: 84px; */
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        .menu_item {
          padding: 5px 13px;
          margin: 7px 17px;
          &:hover {
            background-color: #9b0909;
          }
          border-radius: 15px;
        }
        .active {
          background-color: #9b0909;
        }
      }
    }
  }
`
